import React, {Component} from 'react';
import {
	AppRegistry,
	StyleSheet,
	Image,
	Text,
	Alert,
	View,
	ScrollView,
    TouchableOpacity
} from 'react-native';
import ScrollableTabView from 'react-native-scrollable-tab-view';
import MCAccountTabBar from './MCAccountTabBar.js';
import Detail from './Detail.js';
import Chart from './Chart.js';

export default class MainPage extends Component{
    constructor(props) {
        super(props);
        this.state = {};
    }

    _pressButton() {
        this.props.navigation.navigate('InputModule');
    }

	_pressOverView() {
		this.props.navigation.navigate('Chart');
	}

    render(){
        return (
			// <ScrollableTabView
			//  	tabBarBackgroundColor='#6570E3'
			// 	tabBarUnderlineStyle={{backgroundColor:'#FFFFFF'}}
			// 	tabBarActiveTextColor='#FFFFFF'
      		// 	tabBarInactiveTextColor='#FFFFFF'
			// 	textStyle={styles.textStyle}
			// 	locked={true}
			// 	renderTabBar={() => <MCAccountTabBar/>}>

			// 	<View style={styles.content} tabLabel='Detail'>
			// 	</View>

			// 	{/* <View style={styles.content} tabLabel='Chart'>
			// 		<Chart goto = {this.props.navigation}/>
			// 	</View> */}
        
			// </ScrollableTabView>
			<Detail goto = {this.props.navigation}/>
        );
    }
}

const styles = StyleSheet.create({
    content: {
		alignItems: 'center',
		justifyContent: 'center',
		backgroundColor: '#EBEBEB',
		flex: 1
	},

	textStyle: {
		textAlign:'center',  
	}
});